<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            text-align: center;
            color: blue;
        }
       #para1{
        text-align: center;
        color:red;
       }
       .center{
        text-align: center;
        color:red;
       }
       p.center{
        text-align: center;
        color:black;
       }
       p.lage{
        font-size: 300%;
       }
    </style>
</head>
<body>
    <p id="para1">你好世界</p>
    <h1>Hello world!</h1>
    <p>页面上的每个元素都会受到样式的影响。</p>
    <p >我也是！</p>
    <p>还有我！</p>
    <h1 class="center">这是一个类选择器</h1>
    <p class="center">居中的红色段落</p>
    <p class="center lage">本段是居中并且使用大号字体的</p>
</body>
</html>
